<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Buzón Ciudadano de Vitoria-Gasteiz</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="css/jquery.mobile.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile.js"></script>
</head>
<body>

<div id="sugerencias-add" data-role="page" data-title="Buzón Ciudadano :: Detalle">
	<div data-role="header" data-id="acciones" data-position="fixed">
		<a href="#" data-icon="delete" data-id="descartar">descartar</a>
		<h1>Añadir detalles</h1>
		<a href="#" data-icon="check" data-id="guardar">guardar</a>
	</div>
	<div data-role="content">
		<div data-role="fieldcontain">
			<label for="tema">Tema:</label>
		   	<select name="tema" id="tema">
		   		<option></option>
		    	<option value="1">Movilidad y transporte </option>
				<option value="2">Vía pública </option>
				<option value="3">Medio ambiente y sostenibilidad </option>
				<option value="4">Información y atención ciudadana </option>
				<option value="5">Participación ciudadana </option>
				<option value="6">Deportes </option>
				<option value="7">Ocio y cultura </option>
				<option value="8">Servicios sociales </option>
				<option value="9">Hacienda </option>
				<option value="10">Promoción económica </option>
				<option value="11">Turismo </option>
				<option value="12">Urbanismo - Vivienda </option>
				<option value="13">Salud y consumo </option>
				<option value="14">Educación </option>
				<option value="15">Seguridad ciudadana </option>
				<option value="16">Formación y empleo </option>
				<option value="17">Igualdad e integración social </option>
		   </select>
		</div>
		<div data-role="fieldcontain">
			<label for="asunto">Asunto:</label>
			<input type="text" name="asunto" id="asunto" value="" />
		</div>
		<div data-role="fieldcontain">
			<label for="sugerencia">Sugerencia:</label>
			<textarea name="sugerencia" id="sugerencia"></textarea>
		</div>
	</div>
	<div data-role="footer" data-id="nav-add" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="sugerencias-add.html" class="ui-btn-active ui-state-persist">Detalle</a></li>
				<li><a href="fotografias-add.html" data-transition="none">Fotografía</a></li>
				<li><a href="localizaciones-add.html" data-transition="none">Localización</a></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>